<script >
import { def } from '@vue/shared';

export default{
    data(){
        return{
            a:{
                color:'red',
                fontSize:'20px'
            },
            b:{
                'background-color':'black'
            },
            baseStyles:{
                fontSize:'30px'
            },
            overridingStyles:{
                color:'blue'
            }

        }
    }
}
</script>

<template>
    <div :style="[a,b]">123</div>
    <div :style="[baseStyles,overridingStyles]">悲伤的小狗</div>
</template>

<style scoped></style>
